<!-- content -->
<div class="wrapper row3">

  <div id="container" class="clear">
    
      
        <table style="border:2px solid;border-radius:25px;">
         <CAPTION><EM><h2>Nadiad Branch</h2></EM></CAPTION>
         <tbody style="color:white">
         <tr>
          <th style="width:10px"><img class="imgl" src="images/demo/150x150.gif" height="100px" width="100px" alt=""></th>
          <th style="width:300px"><p>Mr.Vijay D Patel</p><p></p></th>
          <th style="width:10px"><img class="imgl" src='<?php echo base_url()."images/vr.jpg"?>' height="100px" width="100px" alt=""></th>
          <th style="width:300px"><p>Mr.Vimal R Patel</p><p>Computer Engineer</p><p>Mo-9714607785</p></th>
         </tr> 
         <tr>
         <th style="width:10px"><img class="imgl" src='<?php echo base_url()."images/rd.jpg"?>' height="100px" width="100px" alt=""> </th>
          <th style="width:300px" ><p>Mr.Riken D Patel</p><p></p></th>
          <th style="width:10px"><img class="imgl" src='<?php echo base_url()."images/harsad.jpg"?>' height="100px" width="100px" alt=""></th>
          <th style="width:300px"><p>Mr.Harsad Chahuan</p><p>Computer Engineer</p></th>
         </tr> 
         <tr>
          <th style="width:10px"><img class="imgl" src='<?php echo base_url()."images/ranjit.jpg"?>' height="100px" width="100px" alt=""></th>
          <th style="width:300px"><p>Mr.Ranjit Parmar</p><p>Computer Engineer</p></th>
           <th style="width:10px"><img class="imgl" src="images/demo/150x150.gif" height="100px" width="100px" alt=""> </th>
          <th style="width:300px" ><p>Mr.Riken D Patel</p><p></p></th>
        </tr> 
        </tbody>
        </table>
      </article>
      <table style="border:2px solid;border-radius:25px;">
         <CAPTION><EM><h2>Anand Branch</h2></EM></CAPTION>
         <tbody style="color:white">
         <tr>
          <th style="width:10px"><img class="imgl" src="images/demo/150x150.gif" height="100px" width="100px" alt=""></th>
          <th style="width:300px"><p>Mr.Arvind Patel</p><p>Computer Engineer</p></th>
          <th style="width:10px"><img class="zoom" src='<?php echo base_url()."images/kamlesh.jpg"?>' height="100px" width="100px" alt=""> </th>
          <th style="width:300px" ><p>Mr.Kamplesh Parmar</p><p></p></th>
         </tr> 
        </table>
        </tbody>
      </article>
    <table style="border:2px solid;border-radius:25px;">
         <CAPTION><EM><h2>Kapadwanj Branch</h2></EM></CAPTION>
         <tbody style="color:white">
         <tr>
          <th style="width:10px"><img class="imgl" src="images/demo/150x150.gif" height="100px" width="100px" alt=""></th>
          <th style="width:300px"><p>Mr.Kamlesh  Patel</p><p>Computer Engineer</p></th>
          <th style="width:10px"><img class="imgl" src='<?php echo base_url()."images/divyen.jpg"?>' height="100px" width="100px" alt=""> </th>
          <th style="width:300px" ><p>Mr.Divyen Parmar</p><p></p></th>
         </tr> 
         </tbody>
        </table>
      </article>
    
  </div>

</div>

<div class="wrapper row4">

  <div id="footer" class="clear">

    <!-- Section One -->

    <section class="one_quarter first">

      <h2 class="title">Contact Details</h2>

      <address>

      V.D.Computer<br>

      Near Sanjay Hospital<br>

      Behind Railway Station

      Nadiyad<br>

      387002

      </address>

      <p>Tel: 0268 2532202<br>

        M: 09825614003<br>

        Email: <a href="#">vdgroup@gmail.com</a></p>

    </section>

    <!-- Section Two -->

    <section class="one_quarter">

      <h2 class="title">Quick Links</h2>

      <nav>

        <ul>

          <li class="first"><a href='<?php echo base_url()."index.php"?>'>Home</a></li>
          <li><a href="#">ANAND BRANCH</a></li>
          <li><a href="#">KAPADWANJ BRANCH</a></li>
          <li><a href='<?php echo base_url()."index.php/welcome/inquiry"?>'>INQUIRY</a></li>

        </ul>

      </nav>

    </section>

    <!-- Section Three -->

    <section class="one_quarter">

      <h2 class="title">Your Messages....</h2>

      <article>

        <header>

          <h2>Name</h2>

          <time datetime="2000-04-06">Friday, 6<sup>th</sup> April 2000</time>

        </header>

        <p>Message</p>

      </article>

    </section>

    <!-- Section Four -->

    <section class="one_quarter">

      <h2 class="title">Give us Message</h2>

      <form method="post" action="#">

        <fieldset>

          <legend>Message Form:</legend>

          <label for="nl_name">Name:</label>

          <input type="text" name="nl_name" id="nl_name" value="">

          <label for="nl_email">Message:</label>

          <input type="text" name="nl_email" value="">

          <button type="submit" value="submit">Submit</button>

        </fieldset>

      </form>

    </section>

    <!-- / Section -->

  </div>

</div>
<script type="text/javascript">
  
jQuery(function($){
  
  $('a.zoom').easyZoom();

});

</script>
<style>

/*

Copy/paste this into your own stylesheet.
Edit width, height and placement of the dynamically created image zoom box. 

*/

#easy_zoom{
  width:600px;
  height:400px; 
  border:5px solid #eee;
  background:#fff;
  color:#333;
  position:absolute;
  top:60px;
  left:400px;
  overflow:hidden;
  -moz-box-shadow:0 0 10px #777;
  -webkit-box-shadow:0 0 10px #777;
  box-shadow:0 0 10px #777;
  /* vertical and horizontal alignment used for preloader text */
  line-height:400px;
  text-align:center;
  }

</style>
